import { createStyles } from 'antd-style';

const useStyles = createStyles(({ token }) => {
  return {
    username: {
      color: token.colorText,
    },
    content: {
      fontWeight: 'normal',
    },
    activitiesList: {
      padding: '0 24px 8px 24px',
    },
    datetime: {
      flex: '0 0 auto',
      float: 'right',
      color: token.colorTextDisabled,
    },
    activeCard: {
      [`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]: {
        marginBottom: '24px',
      },
      [`@media screen and (max-width: ${token.screenLG}px)`]: {
        marginBottom: '24px',
      },
    },
  };
});

export default useStyles;
